<html>
<head>
  <title>Heimdallr Dashboard</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
  <style type="text/css">
    body > .ui.container {
      padding-top: 2em;
      padding-left: 210px;
    }
  </style>
</head>
<body>

<div class="ui sidebar inverted vertical menu left visible">
  <a href="./me.html" class="item"><i class="home icon"></i>Me</a>
  <a href="./manage_user.html" class="item"><i class="user icon"></i>User</a>
  <a href="./manage_role.html" class="item"><i class="file alternate outline icon"></i>Role</a>
  <a href="./manage_service_account.html" class="item"><i class="desktop icon"></i>Service Account</a>
  <a href="./client_cert.html" class="item"><i class="certificate icon"></i>Client Certificate</a>
  <a href="./agent.html" class="item"><i class="clone icon"></i>Agent</a>
</div>

<div class="ui container">
  <h2 class="ui header">Manage Users</h2>
  <div class="ui divider"></div>

  <div style="padding-top: 2em">
    <table class="ui table striped">
      <thead>
      <th>Id</th>
      <th></th>
      </thead>
      <tbody>
      <tr>
        <td>
          <a href="./user.html">test1@example.com</a>
          <button class="ui button basic green mini" style="margin-left: 1em">Admin</button>
        </td>
        <td>
          <div class="ui right floated tiny buttons">
            <a class="ui button red" href="/user/delete?email=test1@example.com&role=admin">Delete</a>
          </div>
        </td>
      </tr>
      <tr>
        <td><a href="/user/test3@example.com">test3@example.com</a></td>
        <td>
          <div class="ui right floated tiny buttons">
            <a class="ui button" href="/user/promote?email=test1@example.com&role=admin">Become admin</a>
            <a class="ui button red" href="/user/delete?email=test1@example.com&role=admin">Delete</a>
          </div>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</div>

</body>
</html>